// $(document).ready(function() {
//     $(".p").click(function() {
//         $(this).nextAll().toggle();
//     });
// });
//
// $(function () {
//     // 添加学生信息
//     $("#btn").click(()=>{
//         if($("#name").val() === ""&&$("#num").val()==="" &&$("#kucun").val()==="" ){
//             $("#name").parent().next().html(' * 名称不能为空！');
//             $("#name").parent().next().css({ color:'red'});
//             $("#num").parent().next().html('*数字');
//             $("#num").parent().next().css({color:'red'});
//             $("#kucun").parent().next().html('库存不能小于1');
//             $("#kucun").parent().next().css({ color:'red'});
//         }else {
//             let shopInformation = {
//                 name:$("#name").val(),
//                 type:$("#type").val(),
//                 num:$("#num").val(),
//                 prices:$("#prices").val(),
//                 kucun:$("#kucun").val(),
//                 address:$("#address").val(),
//             }
//             $.get('/addInformation',{shopInformation},function (data) {
//                 $(".bg").show().fadeTo(2000,.5);
//                 $(".dialog").show().animate({top:50+"%"},2000);
//                 $(".dialog").find("h1").html(data);
//             });
//         }
//         oLoad();
//     });
//     $("#name").focus(function () {
//         $(this).parent().next().html(" 请输入名称");
//         $(this).parent().css({ color:'#666'});
//     });
//     $("#name").blur(function () {
//         $(this).parent().next().html(" ");
//     });
//     $("#btn01").click(function () {
//         $(".bg").fadeTo(1,1).hide(1);
//         $(".dialog").animate({top:-120+"px"},2000).hide(1);
//     });
// });
// // 显示学生信息
// $(function () {
//     oLoad();
// });
// function oLoad() {
//     $("#tab tbody").html("");
//     $.get('/findInformation',{},function (data) {
//         $(data).each(function (i) {
//             // console.log(data[i]);
//             $("#tab tbody").append(
//                 '<tr><td>'+ data[i].name +'</td><td>'+ data[i].type+'</td>' +
//                 '<td>' + data[i].num + '</td><td>' + data[i].prices +
//                 '<td>' + data[i].kucun + '</td><td>' + data[i].address + '</td></tr>');
//         });
//     });
// }
//
// $(function () {
//     oLoad1();
// });
// function oLoad1() {
//     $("#tab1 tbody").html("");
//     $.get('/findInformation',{},function (data) {
//         $(data).each(function (i) {
//             // console.log(data[i]);
//             $("#tab1 tbody").append(
//                 '<tr><td>'+ data[i].name +'</td><td>'+ data[i].type+'</td>' +
//                 '<td>' + data[i].num + '</td><td>' + data[i].prices +
//                 '<td>' + data[i].kucun + '</td><td>' + data[i].address + '</td>' +
//                 '<td><button class="btn3" > ' +
//                 '修改 </button> </td></tr>'
//
//             );
//         });
//     });
// }
//
// //删除
// // $(function () {
// //     oLoad2();
// // });
// // function oLoad2() {
// //     $("#tab2 tbody").html("");
// //     $.get('/findInformation',{},function (data) {
// //         $(data).each(function (i) {
// //             console.log(data[i]);
// //             $("#tab2 tbody").append(
// //                 '<tr><td>'+ data[i].name +'</td><td>'+ data[i].type+'</td>' +
// //                 '<td>' + data[i].num + '</td><td>' + data[i].prices +
// //                 '<td>' + data[i].kucun + '</td><td>' + data[i].address + '</td>'+
// //                 '<td><button onclick=\"del(\''+data[i]._id+'\')">' +
// //                 '删除 </button> </td></tr>'
// //
// //
// //
// //             );
// //         });
// //     });
// // }
// // function  del(_id){
// //     $.get('/remove',{_id:_id},function (data){
// //         $(".bg").show().fadeTo(200,5)
// //         $(".dialog").show().animate({top:50+"%"},2000);
// //         $(".dialog").find("h1").html(data);
// //         // console.log(data);
// //     });
// //
// // };
//
//
// // // 切换菜单
// // function oTab(index) {
// //     $(".right > div").hide();
// //     $("#box"+index).show();
// // }
// // 根据姓名查询
// // $(function () {
// //     $("#findBtn").click(function () {
// //         $("#usersList tbody").html("");
// //         $.get('/find',{name:$("#usersName").val()},function (data) {
// //             console.log(data);
// //             if(data.length === 0){
// //                 $(".bg").show().fadeTo(2000,.5);
// //                 $(".dialog").show().animate({top:50+"%"},1000);
// //                 $(".dialog").find('h1').html("没有要查询的数据");
// //             }else if(data === "查询失败"){
// //                 $(".bg").show().fadeTo(2000,.5);
// //                 $(".dialog").show().animate({top:50+"%"},1000);
// //                 $(".dialog").find('h1').html(data);
// //             } else {
// //                 $(data).each(function (i) {
// //                     $("#usersList tbody").append(
// //                         '<tr><td>'+ data[i].name +'</td><td>'+ data[i].type+'</td>' +
// //                         '<td>' + data[i].num + '</td><td>' + data[i].prices +
// //                         '<td>' + data[i].kucun + '</td><td>' + data[i].address + '</td></tr>');
// //                 });
// //             }
// //         });
// //     });
// // })
//



$(function () {
    // 添加学生信息
    $("#btn").click(()=>{
        if($("#singName").val() === ""){
            $("#singName").parent().next().html(' * 不能为空！');
        }else {
            let studentInformation = {
                singName:$("#singName").val(),
                singer:$("#singer").val(),
                singAlbum:$("#singAlbum").val(),
                singType:$("#singType").val(),

            }
            $.get('/addInformation',{studentInformation},function (data) {
                $(".bg").show().fadeTo(2000,.5);
                $(".dialog").show().animate({top:50+"%"},2000);
                $(".dialog").find("h1").html(data);
            });
        }
        oLoad();
    });
    $("#singName").focus(function () {
        $(this).parent().next().html(" 请输入名称");
        $(this).parent().css({ color:'#666'});
    });
    $("#singName").blur(function () {
        $(this).parent().next().html(" ");
    });
    $("#btn01").click(function () {
        $(".bg").fadeTo(1,1).hide(1);
        $(".dialog").animate({top:-120+"px"},2000).hide(1);
    });
});
$(function () {
    oLoad();
});
function oLoad() {
    $("#tab tbody").html("");
    $.get('/findInformation',{},function (data) {
        $(data).each(function (i) {
            // console.log(data[i]);
            $("#tab tbody").append(
                '<tr><td>'+ data[i].singName +'</td><td>'+ data[i].singer+'</td>' +
                '<td>' + data[i].singAlbum + '</td><td>' + data[i].singType +'</td></tr>');
        });
    });
}
